{% extends 'base.html' %}

{% block head %}

{% endblock %}

{% block main %}
	<h1>Django框架详细介绍。。。。</h1>
    <hr>
    <div class="mt-2">
        <img src="{% static "img/iu00.jpg" %}" class="rounded-circle" alt="" width="30" height="30">
        <span class="ms-2">知了</span>
        <span class="ms-2">于</span>
        <span class="ms-2">2024年7月23日 11:32</span>发布
    </div>
    <hr>
    <div class="py-2">
        这里是博客详情
    </div>
    <hr>
    <div class=mt-2"">
        <h3>评论（10）</h3>
        <form action="{% url 'blog:blogComment' %}" method="POST">
            {% csrf_token %}
{#    评论 指向的是 哪个博客 需要 博客id        #}
            <input type="hidden" name="blog_id",value="{{  }}">
            <div class="mt-2">
                <input type="text" class="form-control" placeholder="请输入评论">
            </div>
            <div class="text-end mt-3">
                <button type="button" class="btn btn-primary">评论</button>
            </div>
        </form>
    </div>
    <diV>
        <ul class="list-group list-group-flush mb-3">
            <li class="list-group-item">
                <div class="d-flex justify-content-between text-body-secondary">
                    <div class="user-info">
                        <img src="{% static "img/iu00.jpg" %}" class="rounded-circle" alt="" width="50" height="50">
                        <span class="mt-2">知了</span>
                    </div>
                    <div class="create_time text-body-secondary" style="line-height: 50px">2025年7月23日 11:54</div>
                </div>
                <div class="mt-2">这是评论的内容111</div>
            </li>
            <li class="list-group-item">
                <div class="d-flex justify-content-between text-body-secondary">
                    <div class="user-info">
                        <img src="{% static "img/iu00.jpg" %}" class="rounded-circle" alt="" width="50" height="50">
                        <span class="mt-2">知了</span>
                    </div>
                    <div class="create_time text-body-secondary" style="line-height: 50px">2025年7月23日 11:54</div>
                </div>
                <div class="mt-2">这是评论的内容22222</div>
            </li>
        </ul>
    </diV>
{% endblock %}